
page{background-color:#F1F1F1;}
.page-user-income{
    padding-bottom: 100PX;
    background-color: #F1F1F1;
    .fx-detail{
        padding: 15PX;
        background-color: #fff;
        .title {
            height: 39PX;
            line-height: 39PX;
            color: #1A1A1A;
            font-size: 14PX;
            font-weight: 500;
        }
        .item-wrap {
            display: flex;
            height:33PX;
            line-height: 33PX;
            font-size: 14PX;
            text-align: center;
            margin-bottom: 2PX;
            margin-bottom: 10PX;
            .item-left {
                width: 133PX;
                color: #fff;
                background-color: #DF3D09;    
            }
            .item-right {
                border:1px solid #DF3D09;
                box-sizing: border-box;
                flex: 1;
                color: #DF3D09; 
            }
        }
        .gj-color {
            .item-left {
                background-color: #B630DE;   
            }
            .item-right{
                border:1PX solid #B630DE;
                color: #B630DE;
                background-color: #fff;
            }
        }
        .cg-color{
            .item-left {
                background-color: #DB1987;  
            }
            .item-right{
                border:1PX solid #DB1987;
                color: #DB1987;
                background-color: #fff;
            }            
        }
    }
    .fx-des{
        background-color: #fff;
        font-size: 14PX;
        padding-bottom: 11PX;
        margin-bottom: 10PX;
        border-bottom: 1px solid #F1F1F1;
        .sub-title{
            color:#1A1A1A;
            font-weight: 500;
            padding:6PX 0 0 15PX;
        }
        .title{
            height: 37PX;
            line-height: 37PX;
            padding: 0 15PX;
            display: flex;
            justify-content: space-between;
            font-weight: 500;
            border-bottom: 1px solid #F1F1F1;
            color:#999;
            .active{
                font-weight: 500;
                color:#1A1A1A;
            }
        }
        .item{
            color: #666;
            display: flex;
            justify-content: space-between;
            padding:0 15PX;
            padding-top: 5PX;
        }
    }
    .user-item{
        padding:13PX 15PX 8PX 15PX;
        border-bottom: 1PX solid #F1F1F1;
        .user-info{
            display: flex;
            .user-avatar{
                width: 42PX;
                height: 42PX;
                border-radius: 50%;
                margin-right: 8PX;
                margin-bottom: 3PX;
                overflow: hidden;
                border-radius: 50%;
            }
            .nickName{
                font-size: 16PX;
                font-weight: 500;
                color:#1A1A1A;
                margin-bottom: 2PX;

            }
            .order-code{
                font-size: 14PX;
                color:#666;

            }
        }
        .time{
            display: flex;
            justify-content: space-between;
            font-size: 12PX;
            color: #666;
        }
    }
}

.process-wrap{
    height: 100PX;
    padding: 21PX 24PX 0 40PX;
    display: flex;
    position: relative;
    background-color: #FFFFFF;
    border-bottom: 1PX solid #F1F1F1;
    justify-content: space-between;
    align-items: center; 
    .item{
        width: 81PX;
        position: relative;
        z-index: 2;
        .icon{
            width: 40PX;
            height: 35.89PX;
            display: block;
            margin-bottom: 6PX;
            margin:0 auto;
        }
        .title{
            text-align: center;
            line-height: 1;
            color: #1A1A1A;
            font-size: 16PX;
        }
    }

}
.process-wrap::after{
    content: '';
    position: absolute;
    left: 64PX;
    right: 68PX;
    top: 50%;
    height: 6PX;
    background-color: #FAA023;
    margin-top: -3PX;
}
.mb-0{margin-bottom:0!important;}
.bottom-foot{
    position: fixed;
    background-color: #fff;
    padding:11PX 15PX;
    min-height: 59PX;
    left: 0;
    right: 0;
    bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom); /* 兼容 iOS < 11.2 */
    padding-bottom: env(safe-area-inset-bottom); /* 兼容 iOS >= 11.2 */
}
.gd-g-color{
    color:#B630DE!important;
}
.gd-c-color{
    color:#DB1987!important;
}